<template>
  <div class="son">我是子组件son</div>
</template>
<script>
export default {
  beforeCreate() {
    console.log('子：beforeCreate')
  },
  created() {
    console.log('子：created')
  },
  beforeMount() {
    console.log('子：beforeMount')
  },
  mounted() {
    console.log('子：mounted')
  },

  beforeUpdate() {
    console.log('子：beforeUpdate')
  },
  updated() {
    console.log('子：updated')
  }
}
</script>
<style lang="scss" scoped>
.son {
  width: 300px;
  height: 300px;
  border: 10px solid red;
}
</style>
